<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>1.浏览器存储</title>
</head>
<body>  
  常考浏览三种存储接口cookie, sessionStorage, localStorage

  <!-- 题目：描述cookie localStorage sessionStorage区别 -->

  cookie：
        本身用于浏览器和server通讯，被借用到本地通讯；
        可用document.cookie=''修改
  cookie缺点：
        1.存储大小，最大4KB
        2.http请求书需要发送到服务端，增加请求数据量
        3.只能用document.cookie="..."来修改，太过简陋    
        
        

 
  localStorage和sessionStorage：
        HTML5专门为存储设计，最大可存5M
        API简单易用setItem,getItem
        不会随着http请求被发送出去
  两者区别：locaStorage数据会永久存储，除非代码或手动删除；
            sessionStorage数据只存在于当前会话，浏览器关闭则清空
            一般用localStorage会更多一些
  
  
  
  描述cookie localStorage sessionStorage区别：
  1.容量： 4KB  5M
  2.API易用性：不好用  好用
  3.是否跟随http请求发送出去： 是，cookie可以再浏览器和server之间传递 否 否
  4.存储时间：永久  永久  关闭浏览器清空
  



  
  
</body>
</html>